@media only screen and (max-width: 810px)  {
            html,body{
                width:100%;
                height:100%;
            }
            .header{
                width: 100%;
                height:8vh;
                background:transparent;
                display:flex;
                align-items:center;
                justify-content: space-between;
                z-index:999;
                position:fixed;
            }
            .nav-links{
                display:none;
            }
            .open_btn{
                display:block;
                background:transparent;
                border:none;
                color:white;
                font-weight:bolder;
                font-size:4vh;
                margin-bottom:2vh;
                margin-right:4vw;
                cursor: pointer;
                z-index: 1000;
                transform: scaleY(0.8);
            }            
            /* Sidebar styles */
            .sidebar {
                display: block;
                position: fixed;
                top: 0;
                right: -100%;
                width: 70%;
                height: 100vh;
                background: rgba(39, 71, 99, 0.95);
                backdrop-filter: blur(10px);
                z-index: 900;
                transition: right 0.4s ease-out;
                box-shadow: -5px 0 15px rgba(0, 0, 0, 0.2);
                padding-top: 10vh;
            }
            
            .sidebar.active {
                right: 0;
            }
            
            .sidebar .close-btn {
                position: absolute;
                top: 2vh;
                right: 4vw;
                background: none;
                border: none;
                color: white;
                font-size: 5vh;
                cursor: pointer;
            }
            
            .sidebar-links {
                display: flex;
                flex-direction: column;
                padding: 20px;
            }
            
            .sidebar-link {
                color: white;
                text-decoration: none;
                font-size: 2.5vh;
                padding: 2.5vh 0;
                border-bottom: 1px solid rgba(255, 255, 255, 0.2);
                transition: all 0.3s;
                position: relative;
            }
            
            .sidebar-link::after {
                content: '';
                position: absolute;
                bottom: 0;
                left: 0;
                width: 0;
                height: 3px;
                background-color: white;
                transition: width 0.3s ease-out;
            }
            
            .sidebar-link:hover::after {
                width: 100%;
            }
            
            /*.overlay {
               display: none;
                position: fixed;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background: rgba(0, 0, 0, 0.7);
                z-index: 1001;
            }
            
            .overlay.active {
                display: block;
            }*/
            .home .font1, .home .font2{
                font-size: 8vh;
                margin-left:50px;
                line-height:10vh;
                letter-spacing:normal;
            }
            .home .animation_box{
                width:20vh;
                height:29vh;
                margin-top: 10vh;
                margin-right: 200px;
            }
            .home .font2{
                -webkit-text-stroke: 0.2rem white;
            }
            .home,.policy{
                height:80vh;
            }
            .policy{
                background-color:rgb(34, 77, 105);
            }
            

        }